<template>
  <div>
    <div class="text-center text-white pt-5 py-3 bg-app">
      <img class="logo" src="../assets/img/app.png">
      <h1 class="font-thin">粤红彩票</h1>
    </div>
    <cell-group title="GAMES">
      <cell title="竞彩足球" is-link to="/jingcai"></cell>
      <cell title="胜负彩" is-link to="/winlose?rule=sfc"></cell>
      <cell title="任选9场" is-link to="/winlose?rule=r9"></cell>
      <cell title="大乐透" is-link to="/daletou"></cell>
      <cell title="湖北11选5" is-link to="/hubei11c5"></cell>
    </cell-group>
    <!--
    <div class="van-toast van-toast--default">
      <img class="img-lg" src="../assets/img/app.png">
      <div class="font-xl my-2">加载中</div>
      <div class="loading-dots">
        <b class="dot"></b>
        <b class="dot"></b>
        <b class="dot"></b>
      </div>
    </div>
    -->
    <!--<div class="m-3 text-light">userAgent: {{navigator.userAgent}}</div>-->
    <!--<div class="m-3 text-light">platform: {{navigator.platform}}</div>-->
    <div class="m-3 text-light text-wrap">cookie: {{navigator}}</div>
    <!--<div class="m-3 text-light text-wrap">subject: {{subject}}</div>-->
  </div>
</template>

<script>
import { CellGroup, Cell } from 'vant'
import { getCookie } from '../utils/stoage'
import { mapState } from 'vuex'

export default {
  components: {CellGroup, Cell},
  data () {
    return {
      signature: getCookie('signature', true),
      navigator: decodeURIComponent(document.cookie)
    }
  },
  computed: {
    ...mapState({
      subject: 'subject'
    })
  }
}
</script>
